
import React from 'react'
import TopHeader from '../../components/sandbox/TopHeader';
import SideMenu from '../../components/sandbox/SideMenu'
import Home from './home/Home'
import UserList from './user-manage/UserList'
import RoleList from './right-manage/RoleList'
import RightList from './right-manage/RightList'
import { Layout } from 'antd'
import './sandbox.css'
import { HashRouter, Route, Switch, Redirect } from "react-router-dom";
const { Content } = Layout;
export default function NewsSandBox() {
    return (
        <Layout>
            <SideMenu />

            <Layout>
                <TopHeader />
                <Content className="site-layout-background"
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                    }}>
                    <Switch>
                        <Route exact path="/home" component={Home} />
                        <Route path="/user-manage/list" component={UserList} />
                        <Route path="/right-manage/role/list" component={RoleList} />
                        <Route path="/right-manage/right/list" component={RightList} />

                        <Redirect from='/' to='/home' exact />
                    </Switch>
                </Content>
            </Layout>

        </Layout>
    )
}